.edit-popup {
  padding: 10px 30px;

  .select-rows {
    padding: 20px 0;
    .select-row {
      &:nth-of-type(n + 2) {
        margin-top: 15px;
      }

      .et-flex-center();

      .label {
        flex-shrink: 0;
        margin-right: 20px;
        width: 5em;
        text-align: right;
      }

      .selector {
        width: 500px;
      }
    }
  }

  .list {
    border-top: 1px solid #f1f1f1;
    padding: 20px 80px;

    .item {
      padding: 10px 0;
      .et-flex-column-normal();

      .item-label {
        margin-bottom: 10px;
        font-weight: bold;
      }

      .attr-value {
        padding: 0 30px;

        .value-area {
          .et-flex-spacebetween();

          .area-input {
            flex: 1;
          }

          .area-select {
            width: 80px;
            margin-left: 5px;
            text-align: center;
          }

          &>span {
            margin: 0 15px;
          }
        }

        .value-string {
          width: 100%;
          .et-flex-center();

          .string-input {
            width: 180px;
          }

          .area-select {
            width: 80px;
            margin-left: 5px;
            text-align: center;
          }
        }
      }
    }
  }

  .footer {
    padding: 20px 0;
    text-align: center;

    &>*:not(:first-child) {
      margin-left: 20px;
    }
  }
}